<template>
	<div class="azure__box">
		<div class="w-[4px] h-[20px] bg-[#1890ff] rounded-[2px]"></div>
		<span class="font-bold text-base text-[#1890ff]">{{ title }}</span>
	</div>
</template>

<script setup lang="ts">
defineProps<{
	title: string;
}>();
</script>

<style scoped>
.azure__box {
	@apply flex items-center gap-x-3 w-full h-[48px] bg-[#1890ff1a] rounded-[10px] px-4;
}
</style>
